﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListTest.aspx.cs" Inherits="ZX.View.Extend.ListTest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../Scripts/yui/build/cssgrids/grids-min.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/yui/docs/assets/css/main.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/yui/docs/assets/vendor/prettify/prettify-min.css" rel="stylesheet"
        type="text/css" />
    <script src="../Scripts/yui/build/yui/yui-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        YUI().use('datatable', 'datatable-sort', function (Y) {
            // Creates a Columnset with 3 Columns. "cost" is not rendered.
            var cols = ["id", "name", "price"];

            // Columns must match data parameter names
            var data = [
                            { id: "ga-3475", name: "gadget", price: "$6.99", cost: "$5.99" },
                            { id: "sp-9980", name: "sprocket", price: "$3.75", cost: "$3.25" },
                            { id: "wi-0650", name: "widget", price: "$4.25", cost: "$3.75" }
                        ];

            // Creates a DataTable with 3 columns and 3 rows
            var table = new Y.DataTable.Base({
                columnset: cols,
                recordset: data
            }).render("#example");
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="example" style="width:500px">
    </div>
    
    </form>
</body>
</html>
